<link rel="stylesheet" href="./style.css">

<div class='frame'>

  <div class='plant'>
    <img src='./images/plant-0.png' />
  </div>
  <div class='demo-pot'>
    <img src='./images/pot0.png'/>
  </div>
  <div class='water'>
    <img src="./images/water0.gif" alt="">
  </div>
  <h2 class="title"></h2>
</div>

<script type="module">
import Tree from './farm.js'

const t = new Tree(
  document.querySelector('.plant'),
  document.querySelector('.demo-pot'),
  document.querySelector('.water'),
  document.querySelector('.title')
)
t.render()
window.t = t
</script>
